<template>
    <div class="no-data l-f l-column l-row-c">
        <div class="l-f l-row-c">
            <img class="no-data_img" src="@/assets/images/no-data.svg" />
        </div>
        <p class="no-data_title">{{title}}</p>
        <p class="no-data_desc">{{desc}}</p>
    </div>
</template>

<script setup>
defineProps({
    title: {
        type: String,
        default: ''
    },
    desc: {
        type: String,
        default: ''
    }
})
</script>

<style lang="scss" scoped>
.no-data {
    height: 250px;
     &_img {
        width: 115px;
        height: 103px;
        margin: auto;
    }
    &_title {
        font-size: 26px;
        color: #ffffff;
        font-weight: 500;
        text-align: center;
    }
    &_desc {
        font-size: 14px;
        color: #ffffff;
        font-weight: 400;
        opacity: .4;
        text-align: center;
    }
}
</style>